<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>拼多多-首页</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/login2.css">
</head>
<body>
<div id="top"></div>

<div>
    <!--网站中间内容开始-->
    <div id="thred">
        <img src="image/banner2.jpg" width="1230" height="460" />
    </div>
    <div id="forth">
        <a href="" id="a_left1"><img src="image/hongmi4x.png" width="316" height="170" /></a>
        <a href="" id="a_left2"><img src="image/xiaomi5.jpg" width="316" height="170" /></a>
        <a href="" id="a_left3"><img src="image/pinghengche.jpg" width="316" height="170" /></a>
    </div>
    <div id="fifth">
        <span id="fif_text">小米明星单品</span>
    </div>
    <div id="sixth">
            <span style="margin-left:0px; border-top:#ffa500 1px solid">
            	<a href="" id="siximg1"><img src="image/pinpai1.png" width="234" height="234" /></a>
            	<a href="" id="na1">小米MIX</a>
                <p id="chip1">5月9日-21日享花呗12期分期免息</p>
                <p id="pri1">3499元起</p>
            </span>
        <span style=" border-top:#008000 1px solid">
            	<a href="" id="siximg2"><img src="image/pinpai2.png" width="234" height="234" /></a>
                <a href="" id="na2">小米MIX</a>
                <p id="chip2">5月9日-21日享花呗12期分期免息</p>
                <p id="pri2">3499元起</p>
            </span>
        <span style="border-top:#0000ff 1px solid">
            	<a href="" id="siximg3"><img src="image/pinpai3.png" width="234" height="234" /></a>
                <a href="" id="na3">小米MIX</a>
                <p id="chip3">5月9日-21日享花呗12期分期免息</p>
                <p id="pri3">3499元起</p>
            </span>
        <span style="border-top:#ff0000 1px solid">
            	<a href="" id="siximg4"><img src="image/pinpai4.png" width="234" height="234" /></a>
                <a href="" id="na4">小米MIX</a>
                <p id="chip4">5月9日-21日享花呗12期分期免息</p>
                <p id="pri4">3499元起</p>
            </span>
        <span style="border-top:#008080 1px solid">
            	<a href="" id="siximg5"><img src="image/pinpai5.png" width="234" height="234" /></a>
                <a href="" id="na5">小米MIX</a>
                <p id="chip5">5月9日-21日享花呗12期分期免息</p>
                <p id="pri5">3499元起</p>
            </span>
    </div>

</div>

<script type="text/javascript" src="js/jquery-3.6.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#top").load("top.html")
        console.log(sessionStorage.getItem('username'))
    })
</script>

</body>
</html>